import Vue from 'vue'

const dis = {
  imgerror: {
    inserted(dom, obj, vnode) {
      // 如果img有src就使用它自己的src,没有就使用默认图片
      dom.src = dom.src || obj.value || require('@/assets/common/head.jpg')
      // 图片加载出错的处理
      dom.onerror = () => {
        dom.src = obj.value || require('@/assets/common/head.jpg')
      }
    },
    componentUpdated(dom, obj, vnode) {
      // 考虑更新问题
      dom.src = dom.src || obj.value || require('@/assets/common/head.jpg')
    }
  }
}

// Object.keys(dis).forEach((item) => {
//   Vue.directive(item, dis[item])
// })

Object.entries(dis).forEach((item) => {
  Vue.directive(item[0], item[1])
})
